<?php $active_option = get_option('azio_style_option', 'option_not_set'); ?>
<footer class="<?php echo $active_option->footer; ?>"><span class="style-border"></span>

    <div class="container_12">
        <div class="grid_4 widget-box">
            <div class="box-heading">
                <h4>Giới thiệu</h4>
            </div>
            <?php echo ot_get_option('op_about_us'); ?>
            <ul class="social-icons">
                <li>
                    <a href="<?php echo ot_get_option('op_vimeo'); ?>" class="icomoon vimeo-icon" aria-hidden="true" data-icon="&#x25a2;"></a>
                </li>
                <li>
                    <a href="<?php echo ot_get_option('op_twitter'); ?>" class="icomoon twitter-icon" aria-hidden="true" data-icon="&#x25a1;"></a>
                </li>
                <li>
                    <a href="<?php echo ot_get_option('op_facebook'); ?>" class="icomoon facebook-icon" aria-hidden="true" data-icon="&#x25a0;"></a>
                </li>
                <li>
                    <a href="<?php echo ot_get_option('op_google'); ?>" class="icomoon google-icon" aria-hidden="true" data-icon="&#x25a4;"></a>
                </li>
                <li>
                    <a href=<?php echo ot_get_option('op_pinterset'); ?>" class=" icomoon pinterset-icon" aria-hidden="true" data-icon="&#x25a6;"></a>
                </li>
            </ul>
        </div>
        <div class="grid_4 widget-box">
            <div class="box-heading">
                <h4>Youtube</h4>
            </div>
            <div class="widget-box">
                <?php if (ot_get_option('op_youtube_id')): ?>
                    <iframe width="300" height="240" src="//www.youtube.com/embed/<?php echo ot_get_option('op_youtube_id'); ?>" frameborder="0"
                            allowfullscreen></iframe>
                <?php endif; ?>
            </div>
        </div>
        <div class="grid_4 widget-box omega">
            <div class="box-heading">
                <h4>Trang Facebook</h4>
            </div>
            <div id="facebook-page">
                <div class="fb-like-box fb_iframe_widget" data-href="<?php echo ot_get_option('op_facebook'); ?>" data-border-color="transparent"
                     data-width="220" data-height="240" data-colorscheme="light" data-stream="false" data-header="false"
                     fb-xfbml-state="rendered"></div>
            </div>
        </div>
        <hr>
        <div class="grid_2 widget-box">
            <?php $terms = get_terms('producttype', 'orderby=id&hide_empty=0&parent=0'); ?>
            <div class="box-heading">
                <h4>Sản phẩm</h4>
            </div>
            <ul class="list-links">
                <?php foreach ($terms as $term):
                    $term_link = get_term_link($term, 'producttype');?>
                    <li>
                        <a href="<?php echo $term_link ?>" title="<?php echo esc_attr($term->name) ?>"><?php echo $term->name ?></a>
                    </li>
                <?php endforeach ?>
            </ul>
        </div>
        <div class="grid_3 widget-box">
            <div class="box-heading">
                <?php
                $menu_name = 'footer-menu-1';
                if (($locations = get_nav_menu_locations()) && isset($locations[$menu_name])) {
                    $menu = wp_get_nav_menu_object($locations[$menu_name]);
                } ?>
                <h4><?php echo $menu->name ?></h4>
            </div>
            <ul class="list-links">
                <?php
                wp_nav_menu(array(
                    'theme_location' => $menu_name,
                    'container' => false,
                    'container_class' => false,
                    'menu_class' => '',
                    'container_id' => '',
                    'before' => '',
                    'after' => '',
                    'items_wrap' => '%3$s',
                    'fallback_cb' => 'wp_page_menu'
                ));
                ?>
            </ul>
        </div>
        <div class="grid_2 widget-box">
            <div class="box-heading">
                <?php
                $menu_name = 'footer-menu-2';
                if (($locations = get_nav_menu_locations()) && isset($locations[$menu_name])) {
                    $menu = wp_get_nav_menu_object($locations[$menu_name]);
                } ?>
                <h4><?php echo $menu->name ?></h4>
            </div>
            <ul class="list-links">
                <?php
                wp_nav_menu(array(
                    'theme_location' => $menu_name,
                    'container' => false,
                    'container_class' => false,
                    'menu_class' => '',
                    'container_id' => '',
                    'before' => '',
                    'after' => '',
                    'items_wrap' => '%3$s',
                    'fallback_cb' => 'wp_page_menu'
                ));
                ?>
            </ul>
        </div>
        <div class="grid_2 widget-box">
            <div class="box-heading">
                <?php
                $menu_name = 'footer-menu-3';
                if (($locations = get_nav_menu_locations()) && isset($locations[$menu_name])) {
                    $menu = wp_get_nav_menu_object($locations[$menu_name]);
                } ?>
                <h4><?php echo $menu->name ?></h4>
            </div>
            <ul class="list-links">
                <?php
                wp_nav_menu(array(
                    'theme_location' => $menu_name,
                    'container' => false,
                    'container_class' => false,
                    'menu_class' => '',
                    'container_id' => '',
                    'before' => '',
                    'after' => '',
                    'items_wrap' => '%3$s',
                    'fallback_cb' => 'wp_page_menu'
                ));
                ?>
            </ul>
        </div>
        <div class="grid_3 widget-box omega">
            <div class="box-heading">
                <h4>Liên hệ</h4>
            </div>
            <ul class="contact-info">
                <li>
                    <i class="icomoon" aria-hidden="true" data-icon="&#x25df;"></i><span><?php echo ot_get_option('op_phone') ?></span>
                </li>
                <li>
                    <i class="icomoon" aria-hidden="true" data-icon="&#x21b4;"></i><span><?php echo ot_get_option('op_email') ?></span>
                </li>
                <li>
                    <i class="icomoon" aria-hidden="true" data-icon="&#xe007;"></i><span><?php echo ot_get_option('op_address') ?></span>
                </li>
            </ul>
        </div>
        <div class="footer-base">
            <div class="grid_6 copyright">
                <p>Designed by <a href="http://seoweb24h.com" target="_blank">Seoweb24h.com</a></p>
            </div>
            <div class="grid_6 payments omega">
                <ul>
                    <li>
                        <a href="#"><img src="<?php echo THEME_URL ?>/images/payments/american-express.png" alt="american-express"></a>
                    </li>
                    <li><a href="#"><img src="<?php echo THEME_URL ?>/images/payments/amex.png" alt="amex"></a></li>
                    <li><a href="#"><img src="<?php echo THEME_URL ?>/images/payments/paypal.png" alt="paypal"></a></li>
                    <li>
                        <a href="#"><img src="<?php echo THEME_URL ?>/images/payments/master-card.png" alt="master-card"></a>
                    </li>
                    <li><a href="#"><img src="<?php echo THEME_URL ?>/images/payments/visa.png" alt="visa"></a></li>
                </ul>
            </div>
        </div>
        <!--end .footer-base -->
    </div>
    <!-- end .container_12 -->
</footer>
</div>
<!-- end #wrapper This wrapper cover all the website-->

<?php wp_footer(); ?>
<!-- Social -->
<script>
    window.fbAsyncInit = function () {
        // init the FB JS SDK
        FB.init({
            status: false,
            xfbml: true
        });
    };
    // Load the SDK asynchronously
    (function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {
            return;
        }
        js = d.createElement(s);
        js.id = id;
        js.src = "//connect.facebook.net/en_US/all.js";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<script type="text/javascript">
    (function () {
        var po = document.createElement('script');
        po.type = 'text/javascript';
        po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(po, s);
    })();
</script>
<script>!function (d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (!d.getElementById(id)) {
            js = d.createElement(s);
            js.id = id;
            js.src = "https://platform.twitter.com/widgets.js";
            fjs.parentNode.insertBefore(js, fjs);
        }
    }(document, "script", "twitter-wjs");</script>
</body>
</html>